{% load staticfiles %}

<!DOCTYPE html>
<html>
    <head>
        {% block stylesheet %}
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>Learn Django Templates</title>
            <!-- Tell the browser to be responsive to screen width -->
            <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
            <!-- Bootstrap 3.3.6 -->
            <link rel="stylesheet" type="text/css" href="{% static 'polls/bootstrap/css/bootstrap.min.css' %}" />
            <!-- Font Awesome -->
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
            <!-- Ionicons -->
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
            <!-- DataTables -->
            <link rel="stylesheet" type="text/css" href="{% static 'polls/plugins/datatables/dataTables.bootstrap.css' %}" />
            <!-- Theme style -->
            <link rel="stylesheet" type="text/css" href="{% static 'polls/dist/css/AdminLTE.min.css' %}" />
            <!-- AdminLTE Skins. Choose a skin from the css/skins
               folder instead of downloading all of them to reduce the load. -->
            <link rel="stylesheet" type="text/css" href="{% static 'polls/dist/css/skins/_all-skins.min.css' %}" />

            <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
        {% endblock %}
    </head>
    <body class="hold-transition skin-blue sidebar-mini">
        <div class="wrapper">
            {% block wrapper %} 
                {% block header %} {% include 'polls/header.html' %} {% endblock %}
                {% block left-sidebar %} {% include 'polls/left-sidebar.html' %} {% endblock %}
                {% block content %}{% endblock %}
                {% block right-sidebar %} 
                    {% include 'polls/right-sidebar.html' %} 
                    <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
                    <div class="control-sidebar-bg"></div>
                {% endblock %}
                {% block footer %} 
                    <footer class="main-footer">
                        <div class="pull-right hidden-xs"><b>Version</b> 2.3.8</div>
                        <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> 
                        All rights reserved.
                    </footer>
                {% endblock %}
            {% endblock %}
        </div>

        {% block script %}
            <!-- jQuery 2.2.3 -->
            <script src="{% static 'polls/plugins/jQuery/jquery-2.2.3.min.js' %}"></script>
            <!-- Bootstrap 3.3.6 -->
            <script src="{% static 'polls/bootstrap/js/bootstrap.min.js' %}"></script>
            <!-- DataTables -->
            <script src="{% static 'polls/plugins/datatables/jquery.dataTables.min.js' %}"></script>
            <script src="{% static 'polls/plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
            <!-- SlimScroll -->
            <script src="{% static 'polls/plugins/slimScroll/jquery.slimscroll.min.js' %}"></script>
            <!-- FastClick -->
            <script src="{% static 'polls/plugins/fastclick/fastclick.js' %}"></script>
            <!-- AdminLTE App -->
            <script src="{% static 'polls/dist/js/app.min.js' %}"></script>
            <!-- AdminLTE for demo purposes -->
            <script src="{% static 'polls/dist/js/demo.js' %}"></script>
            <!-- page script -->

            {% block cutomer-script %}{% endblock %}
        {% endblock %}
    </body>
</html>